import React, { useEffect } from 'react';
import { PageContiner } from '@/components';
import styles from './index.module.scss';
import { getDataById } from './redux';
import { useDispatch } from 'react-redux';
import { useLocation } from 'react-router-dom';
import { decodeQuery } from '@/utils';

const LiveBroadRoom: React.FC = () => {
  const dispatch = useDispatch();
  const { search } = useLocation();
  const { id } = decodeQuery(search);
  // const data = useSelector(state => state[MODULE_NAME].liveBroadData)
  useEffect(() => {
    dispatch(getDataById(id))
  }, [])
  return (
    <PageContiner>
      <div className={styles['camera-hk__wrap']}>
      </div>
    </PageContiner>
  )
}

export default LiveBroadRoom
